#full-screen-slider { width:100%; height:540px; position:relative;}
#slides { display:block; width:100%; height:540px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%;top:510px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#dbdbdb }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#b4b4b4}
#btn_next {
    background: url(hover_right.png) no-repeat right top;
    right: 100px;}
#btn_pre {
    background: url(hover_left.png) no-repeat left top;
    left: 100px;}	

#btn_pre, #btn_next {
    z-index: 11111;
    position: absolute;
    width: 73px!important;
    height: 74px!important;
    top:233px;
    display: none;}
	
@media screen and (max-width:769px) {
	#full-screen-slider {
    width: 100%;
    height: 360px;
    position: relative;
}
	#slides {
    display: block;
    width: 100%;
    height: 360px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
#pagination { display:block; list-style:none; position:absolute; left:50%;top:320px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
}
@media screen and (max-width:641px) {
	#full-screen-slider {
    width: 100%;
    height: 200px;
    position: relative;
}
	#slides {
    display: block;
    width: 100%;
    height: 200px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
#pagination { display:block; list-style:none; position:absolute; left:50%;top:170px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
}